<style>
  .mega-menu-container {
    display: flex;
    width: 100%;
    border: 1px solid #ddd;
    font-family: sans-serif;
  }

  .mega-menu-left {
    width: 200px;
    background: #2b2b2b;
    color: white;
    display: flex;
    flex-direction: column;
  }

  .mega-menu-left div {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #444;
  }

  .mega-menu-left div:hover {
    background: #444;
  }

  .mega-menu-right {
    flex: 1;
    background: #fff;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }

  .mega-menu-column {
    min-width: 180px;
  }

  .mega-menu-column h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;
  }

  .mega-menu-column a {
    display: block;
    color: #444;
    margin-bottom: 6px;
    text-decoration: none;
    font-size: 14px;
  }

  .mega-menu-column a:hover {
    text-decoration: underline;
    color: #007bff;
  }
</style>

<div class="mega-menu-container">
  <!-- 左边一级菜单 -->
  <div class="mega-menu-left">
    <div>GE麻醉专区</div>
    <div>荧火虫导航系统</div>
    <div style="background: #1a73e8">手术外科</div>
    <div>功能检查</div>
    <div>医用耗材</div>
    <div>康复理疗</div>
    <div>实验仪器</div>
    <div>科室解决方案</div>
  </div>

  <!-- 右边二级和三级菜单 -->
  <div class="mega-menu-right">
    <div class="mega-menu-column">
      <h4>基础手术器械</h4>
      <a href="#">手术刀</a>
      <a href="#">剪刀</a>
      <a href="#">钳子</a>
      <a href="#">镊子</a>
      <a href="#">缝合针</a>
    </div>
    <div class="mega-menu-column">
      <h4>显微外科设备</h4>
      <a href="#">显微镜</a>
      <a href="#">显微手术器械</a>
    </div>
    <div class="mega-menu-column">
      <h4>外科设备</h4>
      <a href="#">输液泵</a>
      <a href="#">注射泵</a>
      <a href="#">肠内营养泵</a>
      <a href="#">心肺复苏负压引流器</a>
      <a href="#">手术摄像机</a>
    </div>
    <div class="mega-menu-column">
      <h4>手术消毒</h4>
      <a href="#">医用洁净工作台</a>
      <a href="#">生物安全柜</a>
      <a href="#">消毒柜</a>
      <a href="#">紫外线杀菌车灯</a>
    </div>
    <div class="mega-menu-column">
      <h4>急救设备</h4>
      <a href="#">电动气压止血带</a>
      <a href="#">耳温枪</a>
      <a href="#">吸氧管</a>
      <a href="#">急救箱</a>
    </div>
  </div>
</div>
